<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://displaytag.sf.net/el" prefix="tb"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<script type="text/javascript">
document.getElementById("tbCurso").onclick = function(e) {
	if (!e)
		e = window.event;
	if (!e.target)
		e.target = e.srcElement;
	var TR = e.target;
	while (TR.nodeType == 1 && TR.tagName.toUpperCase() != "TR")
		TR = TR.parentNode;
	var celdas = TR.getElementsByTagName("TD");
	if (celdas.length != 0)
	document.getElementById('txtcodigocurso').value = celdas[0].innerHTML;
	document.getElementById('txtnombrecurso').value = celdas[1].innerHTML;
	document.getElementById('txtdesccurso').value = celdas[4].innerHTML;
	document.getElementById('txtareacurso').value = celdas[2].innerHTML;
	
	obtenercurso();
};

function obtenercodigobuscado(){
	document.getElementById("codcurbuscado").value = document.getElementById("txtcodigocurso").value;
}
</script>
</head>
<body>
 <form>
		<table width="100%">
			<tr >
				<td>
					<div id="panelFiltro">
						<h6>Filtros</h6>
						<table width="100%">
							<tr>
								<td><label for="txtFiltroNombreCurso">Nombre</label> <input
									type="text" id="txtFiltroNombreCurso" /></td>
							</tr>
						</table>

					</div>
				</td>
			</tr>
			<tr>
				<td>
					<button type="button" id="btnBuscarCurso" onclick="cargarCursosBuscarFiltro();">Buscar</button>
				</td>
			</tr>
			<tr>
				<td>
					<div id="panelcursobuscado">
						<h6>Curso seleccionado</h6>
						<table width="100%">
							<tr>
								<td><label for="txtcodigocurso">Codigo</label></td>
								<td><input type="text" id="txtcodigocurso" disabled="disabled"/></td>
							</tr>
							<tr>
								<td><label for="txtnombrecurso">Nombre</label></td>
								<td><input type="text" id="txtnombrecurso" disabled="disabled"/></td>
							</tr>
							<tr >
								<td><label for="txtareacurso">Area</label></td>
								<td><input type="text" id="txtareacurso" disabled="disabled"/></td>
							</tr>
							<tr>
								<td><label for="txtdesccurso">Descripcion</label></td>
								<td><textarea id="txtdesccurso" disabled="disabled"></textarea></td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
	</form> 


	<tb:table id="tbCurso" name='<%=session.getAttribute("listaCurso")%>'  style="padding-left: 20px">
		<tb:column property="codigo" title="Codigo" />
		<tb:column property="nombre" title="Nombre" />
		<tb:column property="area" title="Area" />
		<tb:column title="Acciones">
			<input type="button" value="Seleccionar" id="btnseleccioncursobuscar">
		</tb:column>
		<tb:column style="display:none;" property="descripcion" title="" />
	</tb:table>
	
	
	<table width="100%" style="padding-top: 70px">
	<tr>
	<td align="left"><button type="button" id="btnaceptarbusquedacurso" onclick="obtenercodigobuscado();agregarCursoBuscado();">Aceptar</button></td>
	<td align="right"><button type="button" id="btncancelarbusquedacurso">Cancelar</button></td>
	</tr>
	</table>
	
	<jsp:include page="ui/ui.jsp"></jsp:include>
</body>
</html>